<template>
    <div class="component-empty-wrap">
        <img src="./empty.png" alt="" :style="{width: size + 'px', height: size + 'px'}">

        <div class="text">
            <slot>{{text}}</slot>
        </div>
    </div>
</template>

<script>
    export default {
        registryName: 'empty',

        props: {
            text: {
                type: String,
                default: '暂无数据'
            },

            size: {
                type: Number,
                default (){
                    return 50;
                }
            }
        }
    }
</script>

<style lang="scss">
    .component-empty-wrap{
        text-align: center;
        line-height: 1;
        & > img{
        }
        & > .text{
            font-size: 14px;
            color: #b9b9b9;
            margin-top: 5px;
        }
    }
</style>
